<template>
	<div>
		<van-nav-bar title="购物袋"  :fixed=true>
			<van-icon  slot="right" @click="done">完成</van-icon>
			<van-icon name="share" slot="right" class="cart-share" />
		</van-nav-bar>
		<van-checkbox-group v-model="result" ref="checkboxGroup">
			<van-checkbox name="a" shape="square" class="checkStatue" :label-disabled=true>
				<van-card :num="numb" price="322.00" desc="12M+奇趣游戏盒" title="HAPE" thumb="https://img.yzcdn.cn/vant/t-thirt.jpg" class="cart-list">
					<div slot="tags" class="cart-tag">
						<van-tag>拼色</van-tag>
					</div>
					  <div slot="footer">
					    <van-stepper v-model="value" @change="change"/>
					  </div>
				</van-card>
			</van-checkbox>
			<van-checkbox name="b">复选框 b</van-checkbox>
			<van-checkbox name="c">复选框 c</van-checkbox>
		</van-checkbox-group>


		<van-submit-bar  button-text="删除" @submit="onSubmit">
			
		</van-submit-bar>
	</div>
</template>

<script>
	export default {
		name: "GoodsEdit",
		data() {
			return {
				checked: "",
				result: [],
				numb:2,
				value:2
			}
		},
		methods: {
			onSubmit() {
				console.log(this.result)
			},
			checkAll() {
				this.$refs.checkboxGroup.toggleAll();
			},
			done() {
				this.$router.push("/cart")
			},
			change(){
				this.numb=this.value
			}
		}
	}
</script>

<style scoped="">
	.cart-share {
		margin-left: 10px;
	}

	.cart-list {
		width: 300px;
		margin-left: 15px;
		text-align: left;
	}

	.checkStatue {
		margin-left: 10px;
	}

	.cart-tag {
		margin-bottom: 15px;
	}
</style>
